.cx-custom-math {
    position: relative;

    :global(math-field) {
        width: 100%;
        min-height: 100px;
        font-size: 14px;
        border-radius: 6px;
        border-color: rgba(0, 0, 0, .1);

        &:focus {
            outline: 1px solid #e0e0e0;
        }
    }

    :global(.ML__virtual-keyboard-toggle, .ML__menu-toggle) {
        color: #888 !important;
    }

    .controlBox {
        position: absolute;
        right: 0px;
        bottom: 10px;

        .editBtn,
        .saveBtn {
            margin-right: 6px;
            display: none;
            padding: 4px 8px;
            font-size: 12px;
            color: #8d8d8e;
            border-radius: 6px;
            cursor: pointer;

            &:hover {
                color: #2b2b2b;
                background: #e2e2e4;
            }
        }
    }
}